/*
Write your variables here. All available variables can be
found in element-ui/packages/theme-chalk/src/common/var.scss.
For example, to overwrite the theme color:
*/
// $--color-primary: rgb(43, 69, 219);
// $--color-primary: #087236;
$--color-primary: #5C944C;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

$color-white: #f1ecec;
$color-black: rgb(14, 13, 13);
$color-green-light: #5C944C;
$color-green: #087236;
$color-green-dark: #005826;
$color-grey-light: #f7f8fa;
// $box-shadow: 5px 5px 12px #ebedf0;
$box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

.el-form-item__error {
  // position: relative;
}

/**
 * @override 
 * el-header
 */
.el-header {
  padding: 0;
}

/**
 * @override 
 * el-button
 */
 .el-button, 
 .el-button–primary{
  border-radius: 30px;
  // box-shadow: 0 8px 12px #ebedf0;
  box-shadow: $box-shadow;
  // margin-right: 30px;

  &:hover {
    // background-color: #1e98c9;
    // border-color: #0c84af;
  }
  
  &:focus {
    // background-color: #0ABBF9;
    // border-color: #0ABBF9;
  }
}

/**
 * @override 
 * el-input
 */
.el-input {
  box-shadow: $box-shadow;
}

/**
 * @override 
 * el-card
 */
.el-card {
  border-radius: 12px;
}
.el-card.is-always-shadow.is-always-shadow {
  border-radius: 12px;
  // box-shadow: $box-shadow;
}

/**
 * @override 
 * el-menu
 */
.el-menu-item.is-active {
  font-weight: bold;
}
